`
linguagem` `
topico` `
nome`SVG Circulo com texto`
` `
titulo`SVG Circulo com texto`
` `
descritor`apoie, apoie.org, SVG,Graficos vetoriais escalaveis  sistema cartesiano circulo com texto`
` `
lead`Como fazer um circulo com texto em SVG`
` `
melhorar`Melhorar`
` `
referencia`cheat-sheets.org, svg_reference
`
` `
origem`SvgCirculoTexto.xml`
` `
` `
topico` `
titulo`Circulo com texto em Svg`
` `
desc`
<embed src="CirculoTexto.svg" style="height: 350px; width: 350px;" type="image/svg+xml"">
Melhoria --> Texto sôbre um caminho dentro do circulo

` `
` `
topico` `
titulo`Grade do desenho`
` `
desc`
<img style="width: 350px; height: 300px;" alt="" src="CoordCirculoTexto.jpg";">

` `
` `
topico` `
titulo`Especificação das coordenadas`
` `
desc`
Coordenadas:
Inicio do texto: x=100 y=170

elemento svg: tag circle
<text x="100" y="170" style="font:30px Arial, sans-serif;" fill="white">Produzir</text>
` `
` `
topico` `
titulo`Código Svg da imagem e Html chamando svg`
` `
desc`
Código Svg da imagem:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="390" height="450" >
    <title>Sistema cartesiano</title>
    <desc>Circulo</desc>

    <circle cx="150" cy="150" r="150" fill="blue"/>   
    <text x="100" y="170" style="font:30px Arial, sans-serif;" fill="white">Produzir</text>

</svg>

Código da chamada no html:
<!DOCTYPE html><html><head><title>Circulo Svg</title></head>
     <body>
        <embed src="CirculoTexto.svg" style="height: 420px;" type="image/svg+xml">
     </body>
</html>
` `
` `